<#import "_layout.html" as layout>
<@layout.header "文章-${(article.title)!}"></@layout.header>
<@layout.body>
<main>
  <div class="weizhi"><a href="/" target="_blank">首页</a> / <a href="/xiangceliebiao/" target="_blank">相册列表</a></div>
  <div class="lbox">
    <article>
      <h1 class="ar_title">水墨中国风底纹背景图</h1>
      <div class="ar_info"><span>2022-10-17</span><span><a href="/xiangceliebiao/" target="_blank">相册列表</a></span><span>阅读 <script src=/e/public/ViewClick/?classid=2&id=52&addclick=1></script></span></div>




<div class="xc">

   
<div class="pc-slide">
	<div class="view">
		<div class="swiper-container">
	
			<div class="swiper-wrapper">
								<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/40c10df440dac82dc4d7cf9843d2ad22.jpg" data-fancybox="group" data-caption=""><img src="/d/file/p/2022/10-14/40c10df440dac82dc4d7cf9843d2ad22.jpg" alt=""></a>
				</div>

				<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/b66a5b693bdd8c1e251679f7fbdeb33c.jpg" data-fancybox="group" data-caption="水墨中国风海报背景"><img src="/d/file/p/2022/10-14/b66a5b693bdd8c1e251679f7fbdeb33c.jpg" alt="水墨中国风海报背景"></a>
				</div>

				<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/a55bb98a133f29111b724600d950b20f.jpg" data-fancybox="group" data-caption="中国风水墨宣纸山水背景图"><img src="/d/file/p/2022/10-14/a55bb98a133f29111b724600d950b20f.jpg" alt="中国风水墨宣纸山水背景图"></a>
				</div>

				<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/d0b9c4096e81bd00c68d5f72d16d9f0a.jpg" data-fancybox="group" data-caption="古风水墨 荷花"><img src="/d/file/p/2022/10-14/d0b9c4096e81bd00c68d5f72d16d9f0a.jpg" alt="古风水墨 荷花"></a>
				</div>

				<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/7d527abe2b768ae84c20593fcbcd53bc.jpg" data-fancybox="group" data-caption=""><img src="/d/file/p/2022/10-14/7d527abe2b768ae84c20593fcbcd53bc.jpg" alt=""></a>
				</div>


				<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/87bcd816003d5c0dc7f98b88010f7786.jpg" data-fancybox="group" data-caption=""><img src="/d/file/p/2022/10-14/87bcd816003d5c0dc7f98b88010f7786.jpg" alt=""></a>
				</div>

				<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/afc95384efd94d17a85d59ab28b9fdb8.jpg" data-fancybox="group" data-caption=""><img src="/d/file/p/2022/10-14/afc95384efd94d17a85d59ab28b9fdb8.jpg" alt=""></a>
				</div>

				<div class="swiper-slide">
					<a href="/d/file/p/2022/10-14/2054952fa3b379058093fe4ccecbb79a.jpg" data-fancybox="group" data-caption=""><img src="/d/file/p/2022/10-14/2054952fa3b379058093fe4ccecbb79a.jpg" alt=""></a>
				</div>

     

			</div>
		</div>
	</div>
	<div class="preview">
		<a class="arrow-left" href="#"></a>
		<a class="arrow-right" href="#"></a>
		<div class="swiper-container">
			<div class="swiper-wrapper">
												<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/40c10df440dac82dc4d7cf9843d2ad22.jpg" alt="">
				</div>
							<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/b66a5b693bdd8c1e251679f7fbdeb33c.jpg" alt="水墨中国风海报背景">
				</div>
							<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/a55bb98a133f29111b724600d950b20f.jpg" alt="中国风水墨宣纸山水背景图">
				</div>
							<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/d0b9c4096e81bd00c68d5f72d16d9f0a.jpg" alt="古风水墨 荷花">
				</div>
							<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/7d527abe2b768ae84c20593fcbcd53bc.jpg" alt="">
				</div>
							<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/87bcd816003d5c0dc7f98b88010f7786.jpg" alt="">
				</div>
							<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/afc95384efd94d17a85d59ab28b9fdb8.jpg" alt="">
				</div>
							<div class="swiper-slide">
					<img src="/d/file/p/2022/10-14/2054952fa3b379058093fe4ccecbb79a.jpg" alt="">
				</div>
			     
			</div>
		</div>
	</div>
</div>


  <script>
var viewSwiper = new Swiper('.view .swiper-container', {
	onSlideChangeStart: function() {
		    updateNavPosition()
	}
})

$('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
	e.preventDefault()
	if (viewSwiper.activeIndex == 0) {
		viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
		return
	}
	viewSwiper.slidePrev()
})
$('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
	e.preventDefault()
	if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
		viewSwiper.slideTo(0, 1000);
		return
	}
	viewSwiper.slideNext()
})

var previewSwiper = new Swiper('.preview .swiper-container', {
	//visibilityFullFit: true,
	slidesPerView: 'auto',
	allowTouchMove: false,
	onTap: function() {
		    viewSwiper.slideTo(previewSwiper.clickedIndex)
	}
})

function updateNavPosition() {
		$('.preview .active-nav').removeClass('active-nav')
		var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
		if (!activeNav.hasClass('swiper-slide-visible')) {
			if (activeNav.index() > previewSwiper.activeIndex) {
				var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
				previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
			} else {
				previewSwiper.slideTo(activeNav.index())
			}
		}
	}
</script>

</div>


       <div class="video_info">
       <span>相册简介：</span>唐郑谷《所知从事近藩偶有怀寄》诗：“水墨画松清睡眼，云霞仙氅挂吟身。” 宋周紫芝《西江月》词：“晚来秋水映残霞，水墨新描图画。”  <div class="tags_video"><a href="/e/tags/?tagname=%E6%B0%B4%E5%A2%A8" target="_blank">水墨</a> &nbsp; <a href="/e/tags/?tagname=%E4%B8%AD%E5%9B%BD%E9%A3%8E" target="_blank">中国风</a> &nbsp; <a href="/e/tags/?tagname=%E8%83%8C%E6%99%AF%E5%9B%BE" target="_blank">背景图</a></div>
      </div>

         <div class="diggit"><a href="JavaScript:makeRequest('/e/public/digg/?classid=2&id=52&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');">很赞<b id="diggnum"><script type="text/javascript" src="/e/public/ViewClick/?classid=2&id=52&down=5"></script></b></a> </div>
      <div class="tags_list"><a href="/e/tags/?tagname=%E6%B0%B4%E5%A2%A8" target="_blank">水墨</a> &nbsp; <a href="/e/tags/?tagname=%E4%B8%AD%E5%9B%BD%E9%A3%8E" target="_blank">中国风</a> &nbsp; <a href="/e/tags/?tagname=%E8%83%8C%E6%99%AF%E5%9B%BE" target="_blank">背景图</a></div>
      <!-- 评论 开始 -->
<div class="pinglun">
<div class="pl-520am" data-id="52" data-classid="2" data-showhot="0"></div>
<script type="text/javascript" src="/e/extend/lgyPl/api.js"></script>
</div>
<!-- 评论 结束 -->
      <div class="info-pre-next">
        <ul>
          <li><a href="/xiangceliebiao/51.html"><i><img src="/d/file/p/2022/10-17/2dd78b9d447d4111e7f2c2d4e6508f5e.png" alt="科技背景"></i>
            <h3>科技背景</h3>
            <p><span><img src="/skin/html/images/jtleft.png" alt=""> 上一篇</span><span>2022-10-17</span></p>
            </a></li>
          <li><a href="/xiangceliebiao/63.html"><i><img src="/d/file/p/2022/10-14/b66a5b693bdd8c1e251679f7fbdeb33c.jpg" alt="水墨中国风底纹背景图"></i>
            <h3>水墨中国风底纹背景图</h3>
            <p><span>2022-10-17</span><span>下一篇 <img src="/skin/html/images/jtright.png" alt=""></span></p>
            </a></li>
        </ul>
      </div>
    </article>
    <div class="other">
      <h4 class="btitle">猜你喜欢</h4>
      <ul  class="pics_b">

 <li><a href="article_plugin.html" target="_blank"><i><img src="static/pic/xc01.jpg" alt="水墨中国风底纹背景图"></i>
        <h3>水墨中国风底纹背景图</h3>
        <span>2022-10-17</span></a></li>
      <li><a href="article_plugin.html" target="_blank"><i><img src="static/pic/xc02.png" alt="科技背景"></i>
        <h3>科技背景</h3>
        <span>2022-10-17</span></a></li>
      <li><a href="article_plugin.html" target="_blank"><i><img src="static/pic/xc03.jpg" alt="水墨中国风底纹背景图"></i>
        <h3>水墨中国风底纹背景图</h3>
        <span>2022-10-17</span></a></li>

      </ul>
    </div>
  </div>
  <aside class="rbox">
    <div class="hot_news">
      <div class="side_title">最新相册</div>
      <ul class="pic_news">

<li><a href="/xiangceliebiao/52.html" target="_blank"><i><img src="/d/file/p/2022/10-14/b66a5b693bdd8c1e251679f7fbdeb33c.jpg" alt="水墨中国风底纹背景图"></i><h3>水墨中国风底纹背景图</h3><span>2022-10-17</span></a></li>

<li><a href="/xiangceliebiao/51.html" target="_blank"><i><img src="/d/file/p/2022/10-17/2dd78b9d447d4111e7f2c2d4e6508f5e.png" alt="科技背景"></i><h3>科技背景</h3><span>2022-10-17</span></a></li>

<li><a href="/xiangceliebiao/50.html" target="_blank"><i><img src="/d/file/p/2022/10-14/a55bb98a133f29111b724600d950b20f.jpg" alt="水墨中国风底纹背景图"></i><h3>水墨中国风底纹背景图</h3><span>2022-10-17</span></a></li>

<li><a href="/xiangceliebiao/49.html" target="_blank"><i><img src="/d/file/p/2022/10-14/2054952fa3b379058093fe4ccecbb79a.jpg" alt="蓝色商业会议背景板"></i><h3>蓝色商业会议背景板</h3><span>2022-10-17</span></a></li>
      </ul>
    </div>
    <div class="tj_news">
      <div class="side_title">推荐相册</div>
      <ul  class="pics_c">

 <li><a href="article_plugin.html" target="_blank"><i><img src="static/pic/xc01.jpg" alt="水墨中国风底纹背景图"></i>
        <h3>水墨中国风底纹背景图</h3>
        <span>2022-10-17</span></a></li>
      <li><a href="article_plugin.html" target="_blank"><i><img src="static/pic/xc02.png" alt="科技背景"></i>
        <h3>科技背景</h3>
        <span>2022-10-17</span></a></li>
      <li><a href="article_plugin.html" target="_blank"><i><img src="static/pic/xc03.jpg" alt="水墨中国风底纹背景图"></i>
        <h3>水墨中国风底纹背景图</h3>
        <span>2022-10-17</span></a></li>
      <li><a href="article_plugin.html" target="_blank"><i><img src="static/pic/xc04.jpg" alt="蓝色商业会议背景板"></i>
        <h3>蓝色商业会议背景板</h3>
        <span>2022-10-17</span></a></li>
      </ul>
    </div>
  </aside>
</main>
</@layout.body>
<@layout.script>
</@layout.script>